﻿@model TumbaloSoft.Helpers.QueryObjects.BusquedaUsuario

@{
	Layout = "~/Views/Shared/_SuperAdminLayout.cshtml";
	ViewBag.Title = "Listado de Perfiles";
	
}
<script>
	$(document).ready(function () {
		var id = $("#id");

		function updateTips(t) {
			tips
			    .text(t)
			    .addClass("ui-state-highlight");
			setTimeout(function () {
				tips.removeClass("ui-state-highlight", 1500);
			}, 500);
		}

		$("#dialog-form").dialog({
			autoOpen: false,
			height: 600,
			width: 600,
			modal: true,
			buttons: {
				"Buscar": function () {
					document.getElementById('busqueda').submit()
					$(this).dialog("close");
				},
				Cancelar: function () {
					$(this).dialog("close");
				}
			},
			close: function () {
				allFields.val("").removeClass("ui-state-error");
			}
		});

		$("#buscar")
		    
		    .click(function () {
		    	$("#dialog-form").dialog("open");
		    });
	});

</script>

<script>
	function siguientePagina() {
		var form = document.getElementById("Busqueda");
		var prPage = document.createElement("div");
		prPage.innerHTML = "<input type='hidden' value='@ViewBag.nextPage' id='prPage' name='prPage'>";
		document.getElementById("busqueda").appendChild(prPage);
		document.getElementById("busqueda").submit();
	}
	function anteriorPagina() {
		var form = document.getElementById("Busqueda");
		var prPage = document.createElement("div");
		prPage.innerHTML = "<input type='hidden' value='@ViewBag.prevPage' id='prPage' name='prPage'>";
		document.getElementById("busqueda").appendChild(prPage);
		document.getElementById("busqueda").submit();
	}
</script>

	<!-- content -->
	<div class="body2">
		<div class="main">
			<section id="content" style="padding-bottom: 20px;">
				<div class="wrapper">
					<!--ESTA COLUMNA ES PARA EL MENU DE NAVEGACION DE LA IZQUIERDA QUE HABIA EN LOS MOCKUPS
                            DISCULPEN SI LOS ESTILOS ESTAN MAL NO SE MUCHO CSS-->
					
						<article class="col0">
							<nav class="urbangreymenu">
								<h3 class="headerbar">Usuarios</h3>
								<ul id="subMenu">
									<li>
										<h5>@Html.ActionLink("Lista de Usuarios", "Index")</h5>
									</li>
								
								</ul>
							</nav>
						</article>
					
					<article class="col1" style="width: 730px">
						<!--dentro de div pad2 trabajare mi formulario -->
						<div class="pad2" >
							<h2 class="pad_bot1 pad_top1">Lista de Perfil</h2>

							<form id="ContactForm" method="post">
								<div class="wrapper">	
									<h3 style="padding-top: 0px; padding-bottom: 10px;">Busqueda de Usuario
									<a id="buscar"><img src="../Content/site/images/icono_buscar.png" /></a>
									</h3>
									
									<table border="0" id="indice" >
										<tr>
											<th>Id Persona</th>
											<th>Id Perfil</th>
											<th>Perfil</th>
											<th>Cuenta</th>
											<th>Editar</th>
											<th>Eliminar</th>
											
										</tr>
										@foreach (var usuario in ViewBag.ListaUsuarios)
		{
											<tr class="alt">
												<td>@usuario.prIdPersona</td>
												<td>@usuario.prPerfil.prIdPerfil</td>
												<td>@usuario.prPerfil.prDescripcion</td>
												<td>@usuario.prCuenta</td>
												<td ><a  href="/Inmueble/Modificar?prIdInmueble=@usuario.prIdPersona"><img  src="../Content/site/images/icono_modificar.png" /></a></td>
												<td><a href="/Inmueble/Eliminar?prIdInmueble=@usuario.prIdPersona"><img src="../Content/site/images/icono_quitar.png" /></a></td>
											</tr>
		}
									</table>

								</div>
							</form>
						</div>
						<br />
						<span style="float: none; margin-left: 29px;">
							@if (ViewBag.prevPage > 0)
	  {
								<a href="javascript:anteriorPagina()"><img src="../Content/site/images/icono_anterior.png" /></a> 
	  }
							 
                                        @if (ViewBag.nextPage <= ViewBag.numPages)
								{
									<a href="javascript:siguientePagina()"><img src="../Content/site/images/icono_siguiente.png" /></a>
								}
						</span>
					</article>
				</div>

			</section>
		</div>
	</div>

	<!-- / content -->

	<script type="text/javascript"> Cufon.now(); </script>

</body>
